Ext.define('Html5App.view.report.ReportOrder', {
	alternateClassName : 'reportOrder',
	extend : 'Ext.Container',
	xtype : 'reportOrder',
	id : 'reportOrder',
	requires : ['Html5App.view.report.CustomerList','Html5App.view.report.CustomerAddressList'],
	config : {
		height : '100%',
		items : [{
			xtype : 'container',
			cls : 'order-record-label',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 2,
				xtype : 'panel',
				cls : 'customer-info-padding report-customer-list-options',
				id : 'order-record-customer-label',
				html : '全部',
				listeners : {
					element : 'element',
					singletap : function() {
						var panel = Ext.Viewport.add({
							xtype : 'customerList'
						});
						panel.show();
					}
				}
			},{
				flex : 1,
				xtype : 'panel',
				cls : 'order-record-report',
				html : '客戶訂單記錄'
			}]
		},{
			xtype : 'container',
			cls : 'order-record-label',
			style : 'border-top: 1px solid #BCBCBC;',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 1,
				xtype : 'panel',
				cls : 'customer-info-padding report-customer-list-options',
				id : 'order-record-customer-address',
				data : '~~~',
				html : '選擇送貨地址',
				listeners : {
					element : 'element',
					singletap : function() {
						var order_record_customer_label = Ext.getCmp("order-record-customer-label").getHtml();
						if(order_record_customer_label == "" || order_record_customer_label == '全部'){
							util.showMessageMask('請先選擇客戶','warn-max');
						}else{
							Ext.operationSource ="reportOrder";
							var panel = Ext.Viewport.add({
								xtype : 'customerAddressList'
							});
							panel.show();
						}
					}
				}
			}]
		},{
			xtype : 'container',
			hidden : true,
			cls : 'sales-progress-query-container',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 0.8
			},{
				flex : 2,
				cls : 'order-record-query-radio',
				xtype : 'image',
				id : 'RadioDate1',
				src : './resources/images/radio_checked.png',
				html : '客戶訂單',
				listeners : {
					tap : function(button, e, eOpts) {
						Ext.getCmp('RadioDate1').setSrc('./resources/images/radio_default.png');
						Ext.getCmp('RadioDate2').setSrc('./resources/images/radio_default.png');
						Ext.getCmp('RadioDate3').setSrc('./resources/images/radio_default.png');
						button.setSrc('./resources/images/radio_checked.png');
						custom.orderRecordView(1);
					}
				}
			},{
				flex : 2,
				cls : 'order-record-query-radio',
				xtype : 'image',
				id : 'RadioDate2',
				src : './resources/images/radio_default.png',
				html : '列印傳送',
				listeners : {
					tap : function(button, e, eOpts) {
						Ext.getCmp('RadioDate1').setSrc('./resources/images/radio_default.png');
						Ext.getCmp('RadioDate2').setSrc('./resources/images/radio_default.png');
						Ext.getCmp('RadioDate3').setSrc('./resources/images/radio_default.png');
						button.setSrc('./resources/images/radio_checked.png');
						custom.orderRecordView(2);
					}
				}
			},{
				flex : 2,
				cls : 'order-record-query-radio',
				xtype : 'image',
				id : 'RadioDate3',
				src : './resources/images/radio_default.png',
				html : '本地存儲',
				listeners : {
					tap : function(button, e, eOpts) {
						Ext.getCmp('RadioDate1').setSrc('./resources/images/radio_default.png');
						Ext.getCmp('RadioDate2').setSrc('./resources/images/radio_default.png');
						Ext.getCmp('RadioDate3').setSrc('./resources/images/radio_default.png');
						button.setSrc('./resources/images/radio_checked.png');
						custom.orderRecordView(3);
					}
				}
			},{
				flex : 0.3
			}]
		},{
			xtype : 'container',
			cls : 'order-record-query-container',
			layout : {
				type : 'hbox'
			},
			items : [{
				cls : 'order-record-query-left'
			},{
				flex : 1,
				xtype: 'custom_date_field',
				id: 'orderRecordBeginDate',
				value: '',
				data: ''
			},{
				cls : 'order-record-query-text-center',
				html : '至'
			},{
				flex : 1,
				xtype: 'custom_date_field',
				id: 'orderRecordEndDate',
				value: '',
				data: ''
			},{
				cls : 'order-record-query-right'
			}]
		},{
			xtype : 'container',
			cls : 'order-record-container',
			scrollable: {
			    direction: 'both',
			    directionLock: true
			},
			height : '100%',
			items : [{
				id : 'order-record-data',
				html : ''
			}]
		}]
	}
});